草庐IT

jQuery Mobile 独立滚动列表

全部标签

javascript - 如何实现视差滚动?

这是链接供引用http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube在此站点中,如果我们滚动中心部分,则中心和右侧部分都会同时滚动...我用这段代码做了同样的事情:-这是html代码:-脚本:-$(function(){$('.linked').scroll(function(){$('.linked').scrollTop($(this).scrollTop());})})CSS:-#left{width:300px;height:400px;overflow:scroll;

javascript - Angular 2 排序列表动画

我会发布代码,但我真的不知道从哪里开始。我已经阅读了https://angular.io/docs/ts/latest/guide/animations.html动画指南,但它不能满足我的要求。因此,假设您有一个使用*ngFor显示的项目列表,并且列表顶部包含排序按钮。例如说默认排序是“姓名”。它会在初始屏幕上显示如下SortBy:Name|Value[name:a,value:3][name:b,value:2][name:c,value:1]然后假设用户按下“值”以按值排序。SortBy:Name|Value[name:c,value:1][name:b,value:2][name

javascript - 如何将JQuery easing 实现到这个窗口滚动移动功能中?

通过这段代码,我已经能够捕获鼠标滚轮的移动并将其应用于水平滚动条而不是垂直滚动条。$('html').bind('mousewheel',function(event,delta){window.parent.scrollBy(-120*delta,0);returnfalse;});有什么方法可以将这个jQuery缓动动画添加到滚动运动中吗?//t:currenttime,b:begInnIngvalue,c:changeInvalue,d:durationjQuery.extend(jQuery.easing,{easeInOutBack:function(x,t,b,c,d,s)

javascript - jquery UI Tab 不随容器滚动

设置:我有一个包含div,它是可滚动的。这是我的jqueryui选项卡div的容器。问题:当我在IE8中滚动容器时,它会滚动其中的其他内容,但jqueryUI选项卡是固定的,就像position=fixed一样。在FF中工作正常。欢迎任何帮助。非常感谢CSS:#content{overflow:auto;margin:1px;height:700px;}div.content-container{border:solid1px#C8C8C8;padding:10px;background-color:#F5F3E5;margin:1px2px10px1px;}js:$('#tabs')

javascript - 为什么在 Firefox 中的文本区域中键入会导致屏幕滚动?

我在Firefox中遇到了一个非常奇怪的同位素插件问题。我的每个同位素元素中都有一个文本区域,当我向下滚动到底部并输入其中一个文本区域时,屏幕会跳到顶部。我在jsfiddle中复制了这个:http://jsfiddle.net/galtschul/WfTZ5/我已经看了好几个小时了,甚至无法弄清楚是什么导致了这个卷轴被触发。希望得到一些帮助! 最佳答案 所以,问题不在于同位素。问题是在发生scale3d和/或transform3d之后,firefox如何呈现文本区域存在一个错误。它最终“认为”文本区域位于左上角,这就是它跳到顶部的原

javascript - 检查元素是否完全可见,然后停止滚动

我正在使用FullSlider.js创建一个完整的幻灯片网页。如果红色元素完全可见,我需要浏览器阻止滚动事件(意味着:窗口没有移动,但我能够接收到Action)并且在我做了一些事情之后我想再次启用滚动。这就是我到目前为止所做的:我阅读了很多关于此的内容并尝试了更多解决方案,例如:停止滚动:1.stopscrollingofwebpagewithjquery根本不起作用HowtoprogrammaticallydisablepagescrollingwithjQuery停止滚动,但无法再次启用滚动事件阻止默认,在chrome中工作正常,但在firefox中工作不太好检查元素是否可见:Ch

javascript - 创建一个随内容增长的 View ,当它达到屏幕高度时开始滚动响应 native ?

我想使用ReactNative构建一个包含元素列表的框。我希望盒子随着更多元素的添加而增长,一旦盒子与设备屏幕一样高,盒子的内容就会变得可滚动。这样我就可以始终在屏幕上显示页眉和页脚。换句话说,我想要一个容器来适应它的内容,如果内容多于屏幕上无法容纳的内容,我希望容器是可滚动的。这可能吗?这是一个rnplay:https://rnplay.org/apps/KrOk6w这就是我希望在屏幕上显示的项目数量超过该值时发生的情况:这就是我只希望通过几个项目实现的结果:这是我不希望只有少数项目发生的事情:这是我在此示例中使用的代码,您可以更改rowCount以增加行数。varReact=req

javascript - 如何将元素放在可嵌套列表中

我正在使用NestableList进行发布访问,当我将项目从List1拖放到List2时,我必须保存在数据库中,那么我如何识别拖放到List2上的项目?这是我的代码:ServiçosDisponíveis{{#eachServices}}{{Descryption}}{{/each}}ServiçosLiberadosparaoUsuário{{#eachServicesReleased}}{{Descryption}}{{/each}}我正在使用template7制作列表。所以我将在可嵌套的onChange上创建一个ajax方法以将其保存在数据库中。$('#nestable').ne

javascript - 使用模数按字母顺序对列表进行排序

我可以轻松获取元素列表并按字母顺序对它们进行排序,但我很难理解如何使用模数进行排序。###更新###这是“我的方式”工作的代码,但是,我更喜欢下面提供的答案的可重用性,因此接受了这个答案。$(document).ready(function(){$('.sectionList2').each(function(){varoldList=$('lia',this),columns=4,newList=[];for(varstart=0;start'+$(oldList[i]).text()+'');}}$(this).html(newList.join(''));});});例如。假设我

javascript - 为什么 CSS 转换发生在 unshift() 而不是 ng-repeat 列表中的 shift()?

我正在使用ng-repeat和CSS转换移动页面中的一些元素。如果我使用unshift更改数据数组,列表会很好地转换。(在我的应用程序中,我正在转换位置和不透明度。)但是,如果我使用shift来更新数组,DOM会立即更新而不会发生任何转换。Here'sademo一种方法,除了转换之外,所有方法都按预期工作。比较使用这两个按钮时的行为。$scope.items.push($scope.items.shift());Here'sanotherdemo另一种方法,其中转换有效,但每次函数运行时数组都会丢失一个元素。$scope.items.shift($scope.items.push())